.navBar {
	color: #f1f1f1;
}

.navBar > .nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #D44439;
	z-index: 1000;
}

.navBar > .bars-occupy {
	width: 100%;
	height: 5rem;
}

.navBar > .nav-fixed > .bars {
	display: flex;
	justify-content: space-between;
	height: 5rem;
	font-size: 2rem;
	box-sizing: border-box;
	padding: 0.5rem 1rem;
	position: relative;
}

.navBar > .nav-fixed > .bars > .bar:after {
	content: '';
	position: absolute;
	background-color: #f1f1f1;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0.05rem;
	transform: scaleY(0.1);
}

.navBar > .nav-fixed > .bars > .bar {
	display: flex;
	width: 10%;
	justify-content: center;
	align-items: center;
}

.navBar > .nav-fixed > .bars > .bar2 {
	width: 80%;
}

.navBar > .nav-fixed > .bars > .bar > .iconfont {
	font-size: 2rem;
	color: #f1f1f1;
}

.navBar > .tabs-occupy {
	width: 100%;
	height: 4.4rem;
}


